/*** CSS VARIABLES ***/
:root {
    --black: #1a1a1a;
    --black-blue: #021423;
    --light-grey: #f9fafb;
    --grey: #cfd9de;
    --blue-grey: #ccd8de;
    --dark-grey: #97a1a6;
    --darker-grey: #7c8487;
    --blue: #0f91f2;
    --orange: #ff5b00;
    --white: #ffffff;
    --font: Arial, sans-serif;
  
    /* responsive size conversion: 1px = 0.13vh */
    --f1: 5vh;
    --f2: 4vh;
    --f3: 3.8vh;
    --f4: 3vh;
    --f5: 2.4vh;
    --f6: 2vh;
    --f6-px: 18px;
    --f7: 1.8vh;
    --f7-px: 14px;
    --f8: 1.5vh;
    --f8-px: 12px;
    --f9: 1.3vh;
  }

.pubmed_queries_div, .grant_number_div {
    padding: 5vh;
    font-family: var(--font);
    color: var(--black);
    min-height: 100vh;
}

.div-title {
    border-bottom: 2px solid var(--orange);   
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

h1 {
    font-size: var(--f5);
    text-align: center;
}

p {
    font-size: var(--f7);
}

.query-card {
    border: 1px solid var(--blue-grey);
    margin: 20px 0 20px;
}

.query-card .card-body {
    width: 100%;
}

.action-btn {
    display: flex;
    justify-content: center;
}
.action-btn a {
    margin: 0 10px 0 10px;
    background-color: var(--dark-grey);
    border-color: var(--dark-grey);
    border-radius: 0.25rem;
}
.action-btn a:hover {
    background-color: var(--darker-grey);
    border-color: var(--darker-grey);
}
.action-btn-selected {
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
}

.action-btn-add {
    width: 100%;
    background-color: var(--blue-grey);
    font-weight: 500;
    border-radius: 0.25rem;
    text-align: center;
    padding: 10px;
}

.query-add {
    background-color: var(--blue-grey);
    padding: 20px;
    border-radius: 0.25rem;
}

.query-update, .query-add {
    display: none;
    margin-top: 20px;
}

.query-update form {
    display: flex;
}

.query-input {
    width: 100%;
    border: 2px solid var(--blue);
    border-radius: 0.25rem;
    padding: 0 10px 0 10px;
}

.query-input::placeholder {
    color: var(--blue-grey);
    font-size: var(--f7);
}

.query-input-submit {
    margin: 0 10px 0 10px;
    background-color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 0.25rem;
    color: var(--white);
    font-size: var(--f7);
}

.add-indications {
    font-weight: 500;
}

select {
    border-radius: 0.25rem;
    border: 2px solid var(--blue);
    padding: 5px 10px 5px 10px;
}

#query-label-added-info, #query-added-info, #query-deleted-info, #publications-loading, #publications-built {
    font-size: var(--f8);
    font-style: italic;
    display: none;
    margin-top: 15px;
}

.div-build-publications {
    position: absolute;
    right: 5vh;
}

.div-build-publications form {
    text-align: right;
}

#query-rebuild {
    background-color: var(--orange);
    color: var(--white);
    font-size: var(--f7);
    border: 1px solid var(--orange);
    border-radius: 0.25rem;
    padding: 0 10px 0 10px;
}




/* GRANT NUMBER LOOKUP */
.grant-lookup {
    display: flex;
    margin-bottom: 20px;
}

#grant-search{
    color: green;
}

#grant-search-none {
    color: red;
}

#grant-search-history {
    margin-top: 20px;
    background-color: var(--light-grey);
    font-size: 14px;
    padding: 20px 30px;
}

#loading-search {
    display: none;
    margin-bottom: 20px;
}